<template>
  <div class="login_wrapper">
      <el-row :gutter="24">
        <el-col :span="24">
      <el-input
    placeholder="请输入用户名"
    prefix-icon="el-icon-s-custom"
    v-model="input1">
  </el-input>
       <el-input
    placeholder="请输入密码"
    prefix-icon="el-icon-loading"
    v-model="input1"
    class="input">
  </el-input >
  <!-- <el-divider content-position="cente"></el-divider> -->
  <div class="login_wrapper_footer_border"></div>
  <div class="login_wrapper_footer">
   <el-button  size='small' @click="gethome">提交</el-button>
  </div>
  </el-col>

</el-row>
  </div>
</template>

<script>
import { log } from 'util'
export default {
    data(){
        return {
                input1:""
        }
    },
    methods:{
        gethome(){
            this.$router.push('/home')
            
        }
    }
}
</script>

<style lang="less" scoped>
.login_wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    .el-row{
        width: 400px;
        height: 200px;
          background-color: pink;
  padding-top: 30px;
          .el-col{
              padding: 0!important;
          }
        .el-card{
            background-color: transparent;
            display: block;
           height: 100%;
           border:none
          
          
        }
        .el-input{
            display: block;
            width: 90%;
            margin: 0 auto;
        }
         .input{
               margin-top: 10px;
           }
           .login_wrapper_footer_border{
               margin-top: 30px;
               margin-bottom: 10px;
               border-bottom: 1px solid #e7e7e7;
           }
           .login_wrapper_footer{
               display: flex;
               justify-content: flex-end;
               padding-right: 25px;
               .el-button{
                   background-color: #008ead;
               }
           }
      
    }
}
    
</style>